<!DOCTYPE html>
<html lang="en">
    <head>
        {include file="public/header" /}
    </head>
    <body>
        {include file="public/nav" /}
        <div class="container">
            <div class="col-lg-12 col-sm-12">
                <div class="page-header">
                    <h4>{$name}</h4>
                </div>
            </div>

            <div class="col-lg-9 col-sm-9">
                <div id="chapter">点击右边目录阅读章节</div>
            </div>
            <div class="col-lg-3 col-sm-3">

                <table width="100%" class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>标题</th>
                        </tr>
                    </thead>
                    <tbody>
                        {volist name="chapter" id="c"}
                        <tr>
                            <td>
                                <a href="javascript:;" data-id="{$c.chat_id}" data-target="chapter" onclick="edu.link(this)">{$c.chat_title}</a>

                            </td>
                        </tr>
                        {/volist}
                    </tbody>
                </table>
            </div>
        </div>
        {include file="public/js" /}
        <script type="text/javascript" src="/home/script/book/detail.js"></script>
    </body>
</html>
